草庐IT

CSS 语法

全部标签

javascript - Google CDN 托管具有本地后备功能的 jQuery UI CSS?

我已经有了以下JS文件:!window.jQuery&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-1.6.1.min.js'type='text/javascript'%3E%3C/script%3E"))!window.jQuery.ui&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-ui.min.js'type='text/javascript'%3E%3C/script%3E"))我怎样才能为主题找到类似的东

javascript - 测试 CSS :hover with Jasmine

所以我有一个简单的div,当鼠标悬停时会根据我的css中的定义更改其背景:.my-class{background-color:#FFFFFF;}.my-class:hover{background-color:#F2F2F2;}我尝试用jasmine测试这种行为,但测试一直失败:it"Shadows.soboo-drop-itemwhenhover",->$('.my-class:first').trigger('mouseover')expect($('.my-class:first').css('background-color')).toBe("#F2F2F2")Expecte

javascript - 如何使用 CSS 或 Javascript 或 jQuery 使粗体字体变细?

如果我使用的是字体并且没有粗体版本,我可以使用标签text-shadow,添加轮廓以使细字体更粗。但是我只有粗体,我想把它变细一点。我不知道要使用什么CSS或Javascript或jQuery脚本。是否可以使用CSS、Javascript或jQuery使粗体字体变细?怎么办? 最佳答案 您不能使字体变细。即使使用text-shadow使其更粗也是不真实的:它会产生扭曲的字体呈现,而不是更粗的字体。所以你应该根据你使用不同字体(包括不同粗细)的意图和每个字体家族中字体的可用性来选择你的字体系列。浏览器可以实现小于400的font-we

javascript - 语法错误 : Unexpected token export

我正在本地开发一个名为foobar的npm包,以允许我实时进行更改或修改,而无需发布/取消发布以缩短开发时间和健全性。在projectTest中,我使用命令npmlinkfoobar链接了foobar。如果您不知道,npm链接标志会创建一个符号链接(symboliclink)到您的全局变量(您可以在此处阅读更多相关信息:https://docs.npmjs.com/cli/link)projectTest恰好是一个Reactjs项目,用ES2015、Webpack、babel等编写;以及我从“包”中导入{x}的地方,没有任何问题,等等。如前所述,node_modules中的包fooba

Javascript:对象中的函数根据声明语法自动命名(或不命名)——为什么?

这个问题在这里已经有了答案:Definitionofnamepropertyinassignmentexpression(1个回答)关闭4年前。我没有遇到问题,也没有尝试解决任何问题。我很好奇为什么Javascript会这样工作。我在谷歌上四处寻找,但是“jsfunctionnoname”得到了很多关于如何定义和使用匿名函数的点击(不是我正在寻找的)。而且几乎没有关于使用引起我困惑的语法声明函数的任何内容——我什至不知道该语法叫什么。问题:我试图弄清楚为什么当函数位于对象内部时,声明语法对函数名称有任何影响。如果我像这样声明一个带有函数的对象:varobjectOne={apple:f

javascript - 如何在 JSS 格式上编写多个 CSS 属性?

我想为我当前的工作制定一些变通办法,这需要实现才能在iOS9.3及其之前的版本上获得正确的结果。它需要修复这行CSS:.wrapping-element{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}我想进入JSS。我的尝试是这样的:conststyles={root:{display:'-webkit-box',display:'-moz-box',display:'-ms-flexbox',display:'-webkit-flex',displ

javascript - 如何让 javascript 只在 dom 和 css 准备好而不是图像时执行

我想在dom和css准备好时执行一些javascript,但我不关心图像(我倾向于延迟加载图像)我知道如何检测dom就绪状态,但如何检测css就绪? 最佳答案 您应该使用document.ready事件。window.onLoad在所有图像和其他图像完全加载时触发。来源:window.onloadvs$(document).ready() 关于javascript-如何让javascript只在dom和css准备好而不是图像时执行,我们在StackOverflow上找到一个类似的问题:

javascript - CSS3动画如何移动到某个关键帧?

假设我们有这样的动画:http://jsfiddle.net/utterstep/JPDwC/布局:backforward以及对应的CSS:@keyframessomeanimation{0%{width:100px;}50%{width:200px;}100%{width:100px;}}.animating{width:200px;height:200px;background-color:red;animation:someanimation5sinfinite;}我想在按后退或前进时转到下一个或上一个动画状态。可以有多个对象,我想同时切换它们的动画状态。是否可以通过CSS或CS

javascript - jQuery 和 Knockout 验证插件的 CSS 问题

问题:触发验证时CSS未更​​改场景:在我的元素中,我使用jQuery验证和knockoutvalidation。在knockout中,我有一个父模型绑定(bind)和子模型,它们是在按钮单击事件时动态生成的。验证:对于父模型绑定(bind),我有jQuery验证(使用模型验证)但是对于子模型,我有knockoutvalidation(因为模型中没有提到属性)问题:正在显示验证消息,但未绑定(bind)css错误类。对于我已经提到的knockoutvalidationko.validation.init({registerExtenders:true,messagesOnModifie

javascript - 从元素中删除类而不影响正在进行的 css 转换

好的,我有一种情况,我基本上构建了一个小的通知下拉框,当用户做某事时发生,最后它转换为opacity:0;状态。但是,由于用户可能会单击其他会再次触发此通知框的内容,因此我试图想出一种方法将其重置为正常状态,而不会影响任何正在进行的转换,并尝试使动画由CSS而不是JavaScript完成.代码笔:http://codepen.io/gutterboy/pen/WoEydgHTML:OpenNotifyWindowSCSS:body{text-align:center;padding-top:150px;}.top-notify{position:fixed;top:0;width:10